.merchant-detail{
	.main{
		background-color: #f2f2f2;
		min-height: 100vh;
		padding: 32rpx;
		box-sizing: border-box;
		.merchant-info-container{
			width: 100%;
			height: 198rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			box-sizing: border-box;
			padding: 48rpx 24rpx 48rpx 24rpx;
			.merchant-info-top-wrapper{
				display: flex;
				align-items: center;
				.merchant-phone{
					height: 44rpx;
					font-size: 32rpx;
					font-family: $global-font-family;
					font-weight: 800;
					color: #333333;
					line-height: 44rpx;
					margin-right: 16rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					width: calc(100% - 96rpx);
				}
				.merchant-status{
					min-width: 96rpx;
					height: 44rpx;
					border-radius: 10rpx;
					border: 2rpx solid #365FFF;
					font-size: 28rpx;
					font-family: $global-font-family;
					font-weight: 400;
					color: #365FFF;
					text-align: center;
					line-height: 44rpx;
				}
			}
			.merchant-info-bottom-wrapper{
				height: 40rpx;
				font-size: 28rpx;
				font-family: $global-font-family;
				font-weight: 400;
				color: #999999;
				line-height: 40rpx;
				margin-top: 16rpx;
			}
		}
		.merchant-amount-container{
			margin-top: 28rpx;
			width: 100%;
			height: 202rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			display: flex;
			padding: 48rpx 0rpx 48rpx 0rpx;
			box-sizing: border-box;
			.amount-item{
				// flex: 1;
				width: 50%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				.amont-value{
					width: 100%;
					text-align: center;
					height: 66rpx;
					font-size: 48rpx;
				    font-family: $global-font-family;
					font-weight: 800;
					color: $global-theme-color;
					line-height: 66rpx;
				}
				.amount-label{
					height: 40rpx;
					font-size: 28rpx;
					font-family: $global-font-family;
					font-weight: 400;
					color: #999999;
					line-height: 40rpx;
				}
				&:first-of-type{
					border-right: 2rpx #E6E6E6 solid;
					box-sizing: border-box;
				}
			}
		}
		.merchant-statistics-container{
			width: 100%;
			height: 546rpx;
			background: #FFFFFF;
			border-radius: 24rpx;
			margin-top: 32rpx;
			padding: 22rpx 24rpx 22rpx 24rpx;
			box-sizing: border-box;
			
			.merchant-statistics-top{
				display: flex;
				// align-items: center;
				justify-content: space-between;
				position: relative;
				overflow: hidden;
				height: 100%;
				.title{
					height: 44rpx;
					font-size: 32rpx;
					font-family: $global-font-family;
					font-weight: 800;
					color: #333333;
					line-height: 44rpx;
				}
				.tabs-wrapper{
					width: 282rpx;
					::v-deep .tab {
						height: 100%;
					.tab-bar{
						background-color: transparent !important;
						height: 88rpx !important;
						&::after{
							background-color: transparent !important;
						}
					}
						.tab-cont{
							position: absolute;
							left: 0rpx;
							top: 120rpx;
							width: 100%;
							height: 350rpx;
							.chart-wrapper{
								width: calc(100% - 20rpx);
								height: 100%;
							}
						}
						.tab-pane{
							height:100%;
							position: relative;
							.label{
								position: absolute;
								height: 28rpx;
								font-size: 20rpx;
								font-family:$global-font-family;
								font-weight: 400;
								color: #AAAAAA;
								line-height: 28rpx;
								&.amount{
									top:-20rpx;
								}
								&.date{
									right:0rpx;
									bottom:90rpx;
								}
							}
						}
						.tab-bar-item{
							color: #333333;
							.txt{
								height: 40rpx !important;
								font-size: 28rpx !important;
								font-family:$global-font-family;
								font-weight: 400;
								line-height: 40rpx !important;
							}
							.active-line{
								width: 98rpx !important;
								height: 10rpx !important;
								border-radius: 10rpx;
								bottom: 4rpx;
								background:$global-theme-color !important;
							}
							&.active{
								color:$global-theme-color;
								.txt{
									font-weight: 800 !important;
								}
							}
						}
					
					}
				}
			}
			.charts-box{
				margin-top: 36rpx;
				height: 350rpx;
			}
		}
	}
}